<template>
  <div id="" class="searchbox">
    <!--<span class="icon fa fa-search" style="font-size:18px;"></span>-->
    <span><img src="@/assets/images/search@2x.png" width="15"/></span>
    <input type="text" name=""
    v-model="keyword" placeholder="搜索房源"
    id="searchIpt">
  </div>
</template>
<script>
export default {
  name: "search",
  data: () => ({
    keyword:''
  }),
  methods: {

  },
  mounted() {
    //do something after mounting vue instance

  }
}
</script>
<style lang="scss" scoped>

.searchbox{
	@include flex;
	border: 1px solid $borderColor;
	border-radius: 4px;
	margin: 0 10px;
	padding: 0 10px;
  #searchIpt{
  	@include flexcell;
    border:none;
    outline:none;
    margin-left: 10px;
    background: none;
  }
}
</style>
